﻿
@{
    Layout = "";
}
<!DOCTYPE html>
<html class="popup-w popup-w-blue">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="/Content/global.css" />
    <link rel="stylesheet" type="text/css" href="/Content/jquery-ui-1.8.23.custom.css" />
    <link rel="stylesheet" type="text/css" href="/Content/preview-email.css" />
    <script type="text/javascript" src="/Scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery-ui-1.8.23.custom.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.main.js"></script>
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="/Content/ie7.css" media="all" /><![endif]-->
    <!--[if IE 8]><link rel="stylesheet" type="text/css" href="/Content/ie8.css" media="all" /><![endif]-->
    <!--[if lt IE 9]>
     <script type="text/javascript" src="/Scripts/html5.js"> </script>
    	<script type="text/javascript" src="/Scripts/PIE.js"> </script>
    	<script type="text/javascript">
    		if (window.PIE) {
    		    $(function() {
    		        $(".take-tour, .container, .container .title, .form .text, .foot-info .btn-next, .select-area, .form .box, .foot-info .btn-back, .table, .table .footer, .steps li.done.first, .steps li.last").each(function() {
    		            PIE.attach(this);
    		        });
    		    });
    		}
    	</script>
    <![endif]-->
    <style type="text/css">
        html, body {min-width:0}
    </style>
</head>
<body>
    <div id="emailPreviewHtml">
        <div class="white-header" style="width: 785px">
            <strong>Subject:</strong> <span>
                    @Model.Subject
                   </span> <a class="btn btn-close-small right" href="javascript:void(0)" onclick="window.close();">
                    Close</a> <a class="btn btn-print right" href="javascript:void(0);" onclick="window.print();">Print</a>
        </div>
        <div>
            <div class="preview-content">
                <table cellpadding="20" cellspacing="0" border="0" id="backgroundTable" style="margin: 0;padding: 0; width: 100% !important; line-height: 100% !important; background: #0073AC !important;">
                    <tr>
                        <td>
                            <table cellpadding="20" cellspacing="0" border="0" width="788" id="contentTable" style="table-layout: fixed; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 13px/1.2 Arial, sans-serif;">
                                <tr>
                                    <td style="padding: 20px; color: #000000">
                                         <div id="bodyContent" style="min-height: 400px; max-width: 748px; overflow-y: hidden;overflow-x: auto;">
<!--pw.document.write(body);--> 
                                         </div></td>
                                </tr>
                            </table>
                            <table cellpadding="0" cellspacing="0" border="0" width="788" id="footerTable" style="font: 13px/1.2 Arial, sans-serif;color: #8fd7fa; margin-top: 10px;">
                                <tr>
                                    <td valign="top">You have received this email because you have recently requested information from us. If you believe this to be an error, or would like to discontinue all correspondence from us, please <a href="javascript:void(0);" style="color: #FFF;">click here</a> to unsubscribe.</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    var data = @(Html.Raw(Json.Encode(Model)));
        var title = data.Title + " Email";
        document.title = title;
        var body = data.Body.replace(/\r\n/g, "<br />");
        $('#bodyContent').append(body);
</script>
</html>

